Motion >> Repos - motion-next.git/blob

   1 <md-dialog
   2   class="openchannelAccount-dialog"
   3   aria-label="New OpenchannelAccount"
   4 >
   5   <form name="openchannelAccountFormApp" class="md-inline-form" novalidate>
   6     <md-toolbar class="md-accent md-hue-2">
   7       <div
   8         class="md-toolbar-tools"
   9         layout="row"
  10         layout-align="space-between center"
  11       >
  12         <span class="title">{{ vm.title | translate }}</span>
  13         <md-button class="md-icon-button" ng-click="vm.closeDialog()">
  14           <md-icon
  15             md-font-icon="icon-close"
  16             aria-label="Close dialog"
  17           ></md-icon>
  18         </md-button>
  19       </div>
  20     </md-toolbar>
  21
  22     <md-dialog-content ms-scroll>
  23       <div class="error-list">
  24         <div
  25           ng-repeat="error in vm.errors"
  26           class="error"
  27           layout="row"
  28           layout-align="space-between center"
  29         >
  30           <div>
  31             <span class="message">{{error.message}}</span>
  32             <span class="type">({{error.type}})</span>
  33           </div>
  34           <md-button class="md-icon-button">
  35             <md-icon
  36               md-font-icon="icon-alert-box"
  37               aria-label="alert error"
  38               class="s16"
  39             ></md-icon>
  40           </md-button>
  41         </div>
  42       </div>
  43       <md-input-container class="md-block">
  44         <label translate="OPENCHANNEL.DISPOSITION">Disposition</label>
  45         <input
  46           type="text"
  47           name="disposition"
  48           ng-model="vm.close.disposition"
  49           ng-required="true"
  50           autofocus
  51           ng-disabled="!vm.crudPermissions.canEdit"
  52         />
  53
  54         <div
  55           ng-messages="openchannelAccountFormApp['disposition'].$error"
  56           ng-show="openchannelAccountFormApp['disposition'].$touched"
  57           role="alert"
  58         >
  59           <div ng-message="required">
  60             <span translate="OPENCHANNEL.ERRORS.DISPOSITION_REQUIRED"
  61               >Disposition field is required</span
  62             >
  63           </div>
  64         </div>
  65       </md-input-container>
  66
  67       <div class="error-list">
  68         <div
  69           ng-repeat="error in vm.errors"
  70           class="error"
  71           layout="row"
  72           layout-align="space-between center"
  73         >
  74           <div>
  75             <span class="message">{{error.message}}</span>
  76             <span class="type">({{error.type}})</span>
  77           </div>
  78           <md-button class="md-icon-button">
  79             <md-icon
  80               md-font-icon="icon-alert-box"
  81               aria-label="alert error"
  82               class="s16"
  83             ></md-icon>
  84           </md-button>
  85         </div>
  86       </div>
  87     </md-dialog-content>
  88
  89     <md-dialog-actions layout="row" layout-align="space-between center">
  90       <div
  91         layout="row"
  92         layout-align="start center"
  93         ng-if="vm.crudPermissions.canEdit"
  94       >
  95         <md-button
  96           type="submit"
  97           ng-click="vm.saveOpenchannelAccountApp()"
  98           class="send-button md-accent md-raised"
  99           ng-disabled="openchannelAccountFormApp.$invalid || openchannelAccountFormApp.$pristine"
 100           aria-label="SAVE"
 101           translate="OPENCHANNEL.SAVE"
 102           translate-attr-aria-label="OPENCHANNEL.SAVE"
 103         >
 104           SAVE
 105         </md-button>
 106       </div>
 107     </md-dialog-actions>
 108   </form>
 109 </md-dialog>